@import "../../base/fn";
.vippanel{
    padding-bottom: 56px; 
    background: #ededed;  
    .weui-tab{
        background: #FFFFFF;
        margin-top: 10px;
    }
    .weui-navbar{
        display: block;
        width: 100%;
        overflow-x: auto;
    }
    .weui-navbar-scroll{
        width: 5000px;
    }
    .weui-navbar__item{
        float: left;
        margin: 0 5px;
        span{
            padding: 6px 18px;
            
            border-radius: 18px;
            
        }
        &.weui-bar__item_on{
            span{
                background: #82a6e2;
                color: #ffffff;
            }
        }
    }
    .goods{
        width: 49.2%;
        float: left;
        font-size: 0.75rem;
        &:nth-child(2n){
            margin-left: 1.6%;
        }
        .goods_img{
            position: relative;
            .open_prize_maxs{
                display: block;
                .open_prize_max{
                    position: absolute;
                    right: .7rem;
                    bottom: 1.2rem;
                    width: 4.2rem;
                    height: 4.2rem;
                    background: linear-gradient(to right,#ff8500,#ffb901);
                    z-index: 999;                
                    border-radius: 50%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;                
                    >h5{
                        font-size: .6rem;
                        color: #fff;
                        font-weight: 700;
                    }
                    >span{
                        font-size: .6rem;
                        color: #fff;                                
                    }
                    >p{
                        font-size: .6rem;
                        color: #fff;
                        .max_bu{
                            font-size: .7rem;
                            font-weight: 700;
                        }
                    }
                }
            }
        }
    }
    .goods_title{
        .ellipsisLn(1);
    }
    .goods_desc{
        padding: 0 6px 8px;
    }
    .goods_vip_price{
        color: #000000;
        font-size: 1rem;
    }
    .goods_price{
        color: #FF0000;
        font-size: 1rem;
    }
    .vname{
        background: #2F3C55;
        color: #FFFFFF;
        margin-left: 8px;
        font-size: 0.75rem;
        padding: 0 3px;
    }
    .vcount{
        color: #AAAAAA;
        margin-left: 8px;
        font-size: 0.75rem;
    }
    
}
